<template>
    <div class="showTable-main">
       <span @click="passName(item)" v-for="(item,i) in allTable">{{item.name}}</span>
    </div>
</template>

<script>
export default {
   name:"useone",
   props:{
     allTable:{
       type:Array,
       defalut:[]
     }
   },
   methods:{
     passName(item){
       this.$emit("passName",item)
     }
   }
   
}
</script>

<style lang="less" scoped>
  .showTable-main{
       display:flex;
       flex-wrap:wrap;
       align-items:center;
       width:100%;
       height:150px;
        span{
         width:25%;
         height:30px;
         font-size:13px;
         text-align:center;
         line-height:30px;
         &:hover{
           background-color:#A99A6B;
           border-radius:10px;
         }
        }
         
   }
    
</style>